<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    //此处id获取元素，获取的是null
  // let simg= document.getElementById("simg");
   // console.log(simg);
  </script>
</head>
<body>
<img id="simg" src="/static/images/icon1.png" alt="quwshao">
<p>这是美女的描述</p>

<a href="#" class="link">美女1</a>
<a href="#" class="link">美女2</a>
<a href="#" class="link">美女3</a>
<a href="#" class="link">美女4</a>

<script>
  /*let simg= document.getElementById("simg");
  console.log(simg);

  let links=document.getElementsByTagName("a");
  console.log(links);*/

  //根据id选择器选取元素
  //querySelecter依次只能选取一个元素
 /*let simg=  document.querySelector('#simg');

 console.log(simg);

 //获取的是第一个元素
 let link=document.querySelector('.link');
 console.log(link);
 //获取的是一个数组*/
 let links=document.querySelectorAll('.link');
 for(let i=0;i<links.length;i++)
 {
     let link=links[i];
     console.log(link);
 }


</script>
</body>
</html>